html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  line-height: 1.6;
  font-family: -apple-system-font, "Helvetica Neue", sans-serif;
}
* {
  margin: 0;
  padding: 0;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.content img{
  display: block;
}
footer{
  padding: 10px 20px;
  width: 100%;
  color: #d3d3d3;
  background-color: #000;
  box-sizing: border-box;
}

.input{  width: 100%; height: 30px; line-height: 30px; border: 1px solid #fff; border-radius: 5px;}

.extend {background-color: #4db39d; width: 100%; color: #fff; text-align: center;}
.extend .btn {border-radius: 20px; font-size: 22px; width: 60%; margin-top: 2%; margin-bottom: 10%; border: #fff 2px solid; background-color: #4db39d; color: #fff;}
.extend p{text-align: left; line-height: 23px; padding: 0 8% 20px;}

.reg {position:  relative;}
.reg .form {position: absolute; bottom: 8%; width: 80%; left: 10%;}
.reg .form_open_hosted{bottom: 5%;}
.reg .form input {margin: 5px 0;}
.reg .form button{margin:auto; display: block;
  width: 80%;
  background-color: #f4524a;
  border: none;
  color: #fff;
  border-radius: 10px;
  font-size: 20px;
  margin-top: 10px;
  padding: 8px 0;}
.reg .form .rule{
  font-size: 14px;
  color: #fff;
  margin-top: 5px;
}

.novice_award {background-color: #ffd315; overflow: auto;}
.novice_award ul{list-style: none; width: 90%; margin: auto;}
.novice_award ul li{width: 47.5%; background-color: #fff000;float: left;border-radius: 5px;margin-bottom: 5%;}
.novice_award ul li:nth-child(odd){margin-right: 5%;}
.novice_award .font {font-size: 30px; width: 60%; color: red; display: inline-block;}
.novice_award .status {display: inline-block; width: 35%;}
.novice_award .status span{  font-size: 12px;color: red;font-weight: bold;}
.novice_award .status button {display: block;width: 100%;border: none;border-radius: 2px;color: #fff;background-color: #f54536;}
.novice_award_btn{display: inline-block; width: 60%; margin: 5% auto; font-size: 19px; background-color: #f54536; color: #fff; border: none; border-radius: 5px; padding: 5px 0;}
.novice_award .novice_award_rule{position: relative; width: 100%; margin: 10% 0;}
.novice_award .novice_award_rule img {position: absolute;width: 25%;margin: auto;top: -10%;left: 37.5%;}
.novice_award .novice_award_rule p{width: 80%;background-color: #fff000; border: 1px solid #FFF; border-radius: 10px;font-size: 14px;line-height: 22px;color: #f65c26;padding-left: 12px;padding-top: 10px;margin: auto;}
.novice_award .novice_award_rule span{color: #FFFFFF; background: #f54536;border-radius: 8px;line-height: 17px; padding: 1px 4px; font-size: 14px;}
.novice_award .font_more{  font-size: 12px;text-align: center;color: red;font-weight: bold;padding: 5px 0;}
.novice_award .status_btn{background-color: #f54536;border: none;border-radius: 2px;color: #fff;width: 40%;margin: 10px 0;}

#mask {
  display: none;
position: absolute;
z-index: 99999;
top: 0;
background-color: black;
opacity: 0.6;
width: 100%;
height: 100%;
}
